<!DOCTYPE html>
<html lang="zh"><head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="UTF-8">
        <title>支付功能体验页面 - 支付FM|个人免签收款平台|支付宝签约支付|聚合支付|微信免签|免签支付接口</title>
		<meta name="keywords" content="支付FM,聚合支付,支付宝签约,个人免签,支付宝免签,微信免签,支付平台系统,免签支付,实时到账,即时到账支付接口,云支付,支付接口,H5支付接口,微信支付接口,个人支付接口,网站支付接口,免签支付接口">
		<meta name="description" content="支付FM,致力于提供支付宝免签约接口技术以及微信免签约支付等支付通道支付接口,一分钟快速开户对接使用,实时到账,国内优秀的第三方支付接口平台服务商">
        <link href="PayTest_files/cashier.css" rel="stylesheet">
        <script src="PayTest_files/jquery.js"></script>
        <style>
            .banks{display: none}
            .banks li{position:relative;float: left;width:240px;padding-top: 5px}
        </style>
    </head>
    <body>
        <div class="tastesdk-box">
            <div class="header clearfix">
                <div class="title">
				<a href="https://zhifu.fm/" target="_blank">
                    <p class="logo" style="background-size: 50%;margin-left: 20px;">
                        <span>收银台</span>
                    </p>
					</a>
                    <div class="right">
                        <div class="clearfix">
                            <ul class="clearfix">

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main">
                <div class="typedemo" style="height: 530px;">
                    <div class="demo-pc">
                        <div class="pay-jd">
                         
                                <input type="hidden" id="orderNo" name="orderNo" value="">

                                <div class="two-step">
                                    <p>注：本页面为支付接口效果体验，接口简单易对接，商户所有通道混合使用，如何搭配选择取决于您的收款账号类型。更多内容请点击查阅<a href="http://doc.zhifu.fm/d/v/1.0/1/28.html" target="_blank" >【文档中心】</a>。</p>
                                    <p>1、支付FM只提供聚合支付接口通道技术服务，不提供托管和结算，资金直达您配置的收款账号</p>
									<p>2、本页面0.1元，0.2元为免签固定收款码体验，0.3元为通用收款码体验测试</p>
									<p><strong style="color:red;">3、签约通道：支付宝当面付，支付宝网站支付，微信支付H5支付，微信支付Native（微信扫码），微信支付JSAPI（公众号/小程序支付）<br>
									</strong></p>
									<p><strong style="color:red;">4、免签通道：支付宝、微信、云闪付收款码
									</strong></p>
									<br>
									5、插件说明：<a href="https://zhifu.fm/news/notice/169.html" rel="nofollow" target="_blank" >【支付FM Discuz!插件】</a> 
									&nbsp; <a href="https://zhifu.fm/news/notice/163.html" rel="nofollow" target="_blank" >【支付FM WordPress插件】</a>
									&nbsp; <a href="https://zhifu.fm/news/notice/176.html" rel="nofollow" target="_blank" >【支付FM DedeCMS插件】</a>
                                  <br>
								    6、APP接入部分截图录屏：
								    <a target="_blank" href="https://zhifu.fm/news/zhifu/161.html">【不同通道支付效果截图】</a>&nbsp; 
								    <a href="https://www.bilibili.com/video/BV1ka411w7U2/" rel="nofollow" target="_blank" >【APP接入支付宝录屏】</a> &nbsp; 
								    <a href="https://www.bilibili.com/video/BV1t54y1R7Gj/" rel="nofollow" target="_blank" >【APP接入微信录屏】</a>
                                  <br>
                                  <p>7、收款账号类型：&nbsp;&nbsp;<b>个人</b>：免签通道 + 支付宝当面付
									&nbsp;&nbsp;<b>个体户</b>：免签通道 + 支付宝签约通道 + 微信支付Native&JSAPI
									&nbsp;&nbsp;<b>企业</b>：所有通道</p>
									<br>8、平台常见问答：<a href="http://doc.zhifu.fm/d/v/1.0/1/27.html" rel="nofollow" target="_blank" >【常见问答】</a>
									👉支付宝签约网站支付接口目前已做了设备自适用电脑网站和手机网站，手机浏览器(非微信内)访问可体验直接唤起支付宝👈
									
                                   <p>选择对应金额和支付类型可以进行体验测试支付效果；扫码用<b>手机浏览器</b>体验👉<img style="width:100px;" src="PayTest_files/pagecode.png"></img>👈</p>
                                   <br>
                                   
									 <ul class="pay-infor">
										<li style="overflow: hidden;width:100%" >体验编号：<span id="orderSpan">T1584593616706</span></li>
									</ul>
									
									<ul class="pay-infor pay-label-amount" style="    border: 0px;">
								
									 <li>支付金额：</li>
										  <li>
                                            <input value="0.1" onclick="changeDis();" name="amount" id="amount1" type="radio"  checked="checked">
                                            <label id="lamount1" for="amount1"><span>0.1<strong><span>元</span></strong></span></label>
                                        </li>
										 <li>
                                            <input value="0.2" onclick="changeDis();" name="amount" id="amount2" type="radio">
                                            <label id="lamount2" for="amount2"><span>0.2<strong><span>元</span></strong></span></label>
                                        </li>
										<li>
                                            <input value="0.3" onclick="changeDis();" name="amount" id="amount3" type="radio" >
                                            <label id="lamount3" for="amount3"><span>0.3<strong><span>元</span></strong></span></label>
                                        </li>
										
								
                                  </ul>
                                     <ul class="pay-label">
                                         <li>免签通道：</li>
                                         
                                        <li>
                                            <input value="alipay" name="payType" id="zfbgm" type="radio"  checked="checked">
                                            <label title="支付宝定额收款码体验" id="zfbgml" for="zfbgm"><img src="PayTest_files/zhifubao.png" alt="支付宝固码"><span id="zfbgms">固定金额收款码</span></label>
                                        </li>
                                        <li>
                                            <input value="alipay" name="payType" id="zfbaa" type="radio" disabled>
                                            <label style="border-style:dashed" title="支付宝不定金额收款码体验" id="zfbaal" for="zfbaa"><img src="PayTest_files/zhifubao.png" alt="支付宝不定金额收款码"><span id="zfbs">通用收款码</span></label>
                                        </li>  
                                                                           
                                        <li>
                                            <input value="wechat" name="payType" id="wx" type="radio" disabled>
                                            <label style="border-style:dashed" title="微信支付不定金额收款码体验"  id="wxzfl" for="wx"><img src="PayTest_files/weixin.png" alt="微信支付不定金额收款码"><span id="wxzfs">通用收款码</span></label>
                                        </li>
                                        <li>
                                            <input value="wechat" name="payType" id="wxgm" type="radio">
                                            <label  title="微信支付定额收款码体验" id="wxgml" for="wxgm"><img src="PayTest_files/weixin.png" alt="微信支付"><span id="wxgms">固定金额收款码</span></label>
                                        </li>
                                        
										<li>
                                            <input value="unipay" name="payType" id="unipay" type="radio" >
                                            <label title="云闪付" for="unipay"><img src="PayTest_files/yinlian.png" alt="云闪付不定金额收款码"><span>银联云闪付</span></label>
                                        </li>
                                        
                                       
                                    </ul>
                                   
                                  <ul class="pay-label">
                                         <li>签约通道：</li>
                                        <li>
                                            <input value="alipay-facetoface" name="payType" id="alipay-facetoface" type="radio" >
                                            <label title="支付宝当面付" for="alipay-facetoface"><img src="PayTest_files/zhifubao.png" alt="支付宝当面付"><span>当面付</span></label>
                                        </li> 
                                         <li>
                                            <input value="alipaysign" name="payType" id="alipaysign" type="radio" >
                                            <label title="支付宝网站支付，电脑和手机网站自适用" for="alipaysign"><img src="PayTest_files/zhifubao.png" alt="支付宝签约"><span>网站支付(PC&WAP)</span></label>
                                        </li>    
                                       
                                        <li>
                                            <input value="wxpaynative" name="payType" id="wxnative" type="radio">
                                            <label  title="微信支付native通道体验" id="wxnativel" for="wxnative"><img src="PayTest_files/weixin.png" alt="微信支付NATIVE"><span>微信Native</span></label>
                                        </li>
                                        <li>
                                            <input value="wxpayh5" name="payType" id="wxh5" type="radio">
                                            <label  title="微信支付H5体验" id="wxh5l" for="wxh5"><img src="PayTest_files/weixin.png" alt="微信支付H5通道"><span>微信H5</span></label>
                                        </li>
                                        <li>
                                            <input value="wxpayjsapi" name="payType" id="wxpayjsapi" type="radio">
                                            <label  title="微信支付JSAPI体验" id="wxpayjsapil" for="wxpayjsapi"><img src="PayTest_files/weixin.png" alt="微信支付JSAPI通道"><span>微信JSAPI</span></label>
                                        </li>
										
                                        
                                       
                                    </ul>
                                    <!--
                                    <ul class="banks">
                                        <li><label for="b1"><input id="b1" type="radio" value="10001" name="witchbank" checked>工商银行</label></li>
                                        <li><label for="b2"><input id="b2" type="radio" value="10002" name="witchbank">农业银行</label></li>
                                        <li><label for="b3"><input id="b3" type="radio" value="10003" name="witchbank">中国银行</label></li>
                                        <li><label for="b4"><input id="b4" type="radio" value="10004" name="witchbank">建设银行</label></li>
                                        <li><label for="b5"><input id="b5" type="radio" value="10005" name="witchbank">交通银行</label></li>
                                    </ul>
                                    <ul class="banks">
                                        <li><label for="b6"><input id="b6" type="radio" value="10006" name="witchbank">招商银行</label></li>
                                        <li><label for="b7"><input id="b7" type="radio" value="10007" name="witchbank">广东发展银行</label></li>
                                        <li><label for="b8"><input id="b8" type="radio" value="10008" name="witchbank">中信银行</label></li>
                                        <li><label for="b9"><input id="b9" type="radio" value="10009" name="witchbank">民生银行</label></li>
                                        <li><label for="b10"><input id="b10" type="radio" value="10010" name="witchbank">光大银行</label></li>
                                    </ul>
                                    <ul class="banks">
                                        <li><label for="b11"><input id="b11" type="radio" value="10011" name="witchbank">平安银行</label></li>
                                        <li><label for="b12"><input id="b12" type="radio" value="10012" name="witchbank">上海浦东发展银行</label></li>
                                        <li><label for="b13"><input id="b13" type="radio" value="10013" name="witchbank">中国邮政储蓄银行</label></li>
                                        <li><label for="b14"><input id="b14" type="radio" value="10014" name="witchbank">华夏银行</label></li>
                                        <li><label for="b15"><input id="b15" type="radio" value="10015" name="witchbank">兴业银行</label></li>
                                    </ul>
                                    <ul class="banks">
                                        <li><label for="b16"><input id="b16" type="radio" value="10016" name="witchbank">北京银行</label></li>
                                        <li><label for="b17"><input id="b17" type="radio" value="10017" name="witchbank">上海银行</label></li>
                                    </ul>
                                    -->
                                     <button onclick="pay();" style="margin-top:20px;margin-bottom: 20px;float:right" class="pcdemo-btn sbpay-btn">立即支付</button>       
                             
                                </div>
								
                          
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
    <script>
    
    var pay = function () {
        var amount =  $("input[name='amount']:checked").val(); 
        var payType =  $("input[name='payType']:checked").val(); 
        if(parseFloat(amount)<=0) return false;
        location.href = "zhifu_api_demo_json.php?amount=" + amount+"&payType=" + payType;
    };
    
        $("#ylzf").click(function () {
            $('.banks').show();
        });
        $("#zfbzf,#wxzf,#zfbsjzf,#kjbd,#qq,#jd,#qqpayh5,#zfbh5zf").click(function () {
            $('.banks').hide();
        });
		 $(document).ready(function () {
			$("#orderNo").val("T" + new Date().getTime()); //实际使用展示自己的订单号即可
			$("#orderSpan").text($("#orderNo").val());
			changeDis();
			if(!_isMobile()){
				$("#wxh5").attr("disabled","disabled");
				$("#wxh5l").css("border-style","dashed");
				$("#wxh5l").html("微信H5限手机浏览器");
			}
			if(!_isWX()){
				//$("#wxpayjsapi").attr("disabled","disabled");
				//$("#wxpayjsapil").css("border-style","dashed");
				$("#wxh5l").html("微信H5限手机浏览器");
			//	$("#wxpayjsapil").html("微信JSAPI限微信内体验");
			}
		});
		function changeDis(){
			var amount = $('input[name="amount"]:checked').val(); 
			var id = $('input[name="payType"]:checked').attr("id"); 
			if(amount=="0.1" || amount=="0.2"){
				$("#zfbaa").attr("disabled","disabled");
				$("#wx").attr("disabled","disabled");
				$("#zfbs").html("请选择0.3元体验");
				$("#wxzfs").html("请选择0.3元体验");
				$("#zfbgm").removeAttr("disabled");
				$("#wxgm").removeAttr("disabled");
				$("#zfbgms").html("固码体验");
				$("#wxgms").html("固码体验");
				$("#zfbaal").css("border-style","dashed");
				$("#wxzfl").css("border-style","dashed");
				$("#zfbgml").css("border-style","solid");
				$("#wxgml").css("border-style","solid");
				if("zfbaa" == id || "wx" == id){
					$("#zfbgm").click();
				}
			}else{
				$("#zfbaa").removeAttr("disabled");
				$("#wx").removeAttr("disabled");
				$("#zfbs").html("通用码体验");
				$("#wxzfs").html("通用码体验");
				$("#zfbgm").attr("disabled","disabled");
				$("#wxgm").attr("disabled","disabled");
				$("#zfbgms").html("请选择0.1元体验");
				$("#wxgms").html("请选择0.1元体验");
				$("#zfbaal").css("border-style","solid");
				$("#wxzfl").css("border-style","solid");
				$("#zfbgml").css("border-style","dashed");
				$("#wxgml").css("border-style","dashed");
				if("zfbgm" == id || "wxgm" == id){
					$("#zfbaa").click();
				}
			}
		}
		

		function _isMobile(){
				var flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
		  	
		 		return flag;

		}
		function _isWX(){
				var flag = navigator.userAgent.match(/(MicroMessenger)/i)
		  	
		 		return flag;

		}
		 
    </script>
</body></html>
